﻿
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <link rel="stylesheet" href="./css/bootstrap.min.css" />
    <link rel="stylesheet" href="./css/icons.css" />
    <link rel="stylesheet" href="./css/index.css">

</head>
<body>
    <div class="maindiv">
        <div class="mcontainer">
            <h1 class="effect1">座享乐舒智能终端</h1>
            <p>即将进入座享AI智能系统</p>
        </div>
    </div>


<div class="scenebox">
    <div class="scene">
        <svg version="1.1"
             id="dc-spinner"
             xmlns="http://www.w3.org/2000/svg"
             x="0px" y="0px"
             width:"38"
             height:"38"
             viewBox="0 0 38 38"
             preserveAspectRatio="xMinYMin meet">
            <text x="11" y="21" font-family="Monaco" font-size="2px" style="letter-spacing:0.6" fill="blank">
                检测网络环境...
                <animate attributeName="opacity"
                         values="0;1;0" dur="1.8s"
                         repeatCount="indefinite" />
            </text>
            <path fill="#373a42" d="M20,35c-8.271,0-15-6.729-15-15S11.729,5,20,5s15,6.729,15,15S28.271,35,20,35z M20,5.203
    C11.841,5.203,5.203,11.841,5.203,20c0,8.159,6.638,14.797,14.797,14.797S34.797,28.159,34.797,20
    C34.797,11.841,28.159,5.203,20,5.203z">
            </path>

            <path fill="#373a42" d="M20,33.125c-7.237,0-13.125-5.888-13.125-13.125S12.763,6.875,20,6.875S33.125,12.763,33.125,20
    S27.237,33.125,20,33.125z M20,7.078C12.875,7.078,7.078,12.875,7.078,20c0,7.125,5.797,12.922,12.922,12.922
    S32.922,27.125,32.922,20C32.922,12.875,27.125,7.078,20,7.078z">
            </path>

            <path fill="#2AA198" stroke="#2AA198" stroke-width="0.6027" stroke-miterlimit="10" d="M5.203,20
			c0-8.159,6.638-14.797,14.797-14.797V5C11.729,5,5,11.729,5,20s6.729,15,15,15v-0.203C11.841,34.797,5.203,28.159,5.203,20z">
                <animateTransform attributeName="transform"
                                  type="rotate"
                                  from="0 20 20"
                                  to="360 20 20"
                                  calcMode="spline"
                                  keySplines="0.4, 0, 0.2, 1"
                                  keyTimes="0;1"
                                  dur="2s"
                                  repeatCount="indefinite" />
            </path>

            <path fill="#859900" stroke="#859900" stroke-width="0.2027" stroke-miterlimit="10" d="M7.078,20
  c0-7.125,5.797-12.922,12.922-12.922V6.875C12.763,6.875,6.875,12.763,6.875,20S12.763,33.125,20,33.125v-0.203
  C12.875,32.922,7.078,27.125,7.078,20z">
                <animateTransform attributeName="transform"
                                  type="rotate"
                                  from="0 20 20"
                                  to="360 20 20"
                                  dur="1.8s"
                                  repeatCount="indefinite" />
            </path>
        </svg>
    </div>
</div>




    <DIV STYLE="DISPLAY:NONE"></DIV>
    <script src="./js/slick-loader.min.js"></script>
    <script src='./js/anime.min.js'></script>
    <script src="./js/jquery.min.js"></script> 
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/bootstrap.bundle.min.js"></script>
    <script src="./js/jquery.min.js"></script>
    <script src="./js/jquery-doubleTap.js"></script>  
    <script src="./js/index.js"></script>
    <script>


    </script>

    <div class="doubleTapare"></div>
    <div class="versionInfo"></div>
    <div class="startInfo"></div>
    <DIV STYLE="DISPLAY:NONE"></DIV>

    <!-- 密码检测窗口 -->
    <div class="modal fade" id="checkPwdModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" style="max-width: 40vh">
            <div class="modal-content">
            <div
                class="modal-header"
                style="border: solid 0px #eee; justify-content:center; font-size: 15px;"
            >
            <i class="bx bxs-lock"></i> 输入校验密码
            </div>
            <div class="modal-body" style="padding-top: 0px">
                <div class="pwdPan">
                <div class="pwddiv">
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                </div>
                <div
                    style="
                    margin-top: 20px;
                    box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%),
                        0 2px 6px 0 rgb(206 206 238 / 54%);
                    "
                >
                    <div class="keydiv">
                    <div>1</div>
                    <div>2</div>
                    <div>3</div>
                    </div>
                    <div class="keydiv">
                    <div>4</div>
                    <div>5</div>
                    <div>6</div>
                    </div>
                    <div class="keydiv">
                    <div>7</div>
                    <div>8</div>
                    <div>9</div>
                    </div>
                    <div class="keydiv">
                    <div>清除</div>
                    <div>0</div>
                    <div>确定</div>
                    </div>
                </div>
                </div>
            </div>
            </div>
        </div>
    </div>
    <!-- 工具列表窗口 -->
    <div class="modal fade" id="toolsPanModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" style="max-width: 600px">
          <div class="modal-content">
            <div
              class="modal-header"
              style="justify-content: center; font-size: 18px"
            >
              操作面板
            </div>
            <div class="modal-body">
              <div class="chat-tab-menu mt-3 toolsPan" style="margin-bottom: 30px;">
                <ul class="nav nav-pills nav-justified tab1">
                  <li class="nav-item adminflag">
                    <a class="nav-link" data-bs-toggle="pill" optflag="setting" data-flag="setting" onclick="call('setting')" href="javascript:;">
                      <div class="font-24">
                        <i class="bx bx-cog"></i>
                      </div>
                      <div><small>设置</small></div>
                    </a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" data-bs-toggle="pill" data-flag="reboot" onclick="call('reboot')" href="javascript:;">
                      <div class="font-24"><i class="bx bx-refresh"></i></div>
                      <div><small>重启</small></div>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
    </div>    
</body>
</html>
